<template>
  <div id="app">
    <van-button type="primary" class="text">主要按钮</van-button>
    <van-button type="info">信息按钮</van-button>
    <van-button type="default">默认按钮</van-button>
    <van-button type="warning">警告按钮</van-button>
    <van-button type="danger">危险按钮</van-button>

    <div class="headerBox">我是header盒子</div>
  </div>
</template>

<script>
export default {
  name: "App",
  components: {},
};
</script>

<style lang="less">
.headerBox {
  width: 160px;
  height: 563px;
  background-color: #4545;
  font-size: 18px;
  line-height: 563px;
  color: aliceblue;
}
.text {
  font-size: 20px;
}
</style>
